<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>推广详情</title>
		<script src="../static/js/base.js"></script>
	</head>
	<style type="text/css">
		.left_arrow{
            width: 23px;
            height: 25px;
            top: 13px;
            left: 15px;
            background-size: 50%;
            position: absolute;
            background-image: url(../static/img/arrow_left.png);
            z-index: 100;
        }
		.top{
		    height: 50px;
		    line-height: 50px;
		    background-color: #424242;
		    text-align: center;
		}
		.types {
		    padding: 0px 15px;
		    width: 100%;
		    background-color: #393939;
		    line-height: 34px;
		    box-sizing: border-box;
		}
		.choosetype {
		    border-bottom: 2px solid #E60020;
		}
		.cpad{
			padding: 0px 50px;
    		box-sizing: border-box;
		}
		.list_title{
		    background-color: #424242;
		    padding: 8px 15px;
		    box-sizing: border-box;
		}
		.markets{
		    padding: 11px 15px;
		    box-sizing: border-box;
		    border-bottom: 1px solid #000000;
		}
		.markets_span{
	        padding: 4px;
	        line-height: 12px;
	        box-sizing: border-box;
	    }
	    .markets_num{
	        line-height: 48px;
	    }
	    .div01{
	    	height: 146px;
	    	padding: 39px 0px;
	    	border-right: 1px solid #424242;
	    	box-sizing: border-box;
	    }
	    .div02{
	    	height: 146px;
	    	border-right: 1px solid #424242;
	    	box-sizing: border-box;
	    }
	    .huiyuan{
	    	width: 16px;
	    	height: 16px;
	    	margin-right: 5px;
	    	background-image: url(../static/img/yinpai.png);
	    }
	    .div_copy{
	    	padding: 15px 0px 20px;
	    	box-sizing: border-box;
	    }
	    .copy_btn{
    	    padding: 4px 8px;
		    border: 1px solid #efefef;
		    border-radius: 6px;
	    }
	    .pqcode{
	    	width: 30%;
	    	height: 97px;
	    	background-color: cadetblue;
	    	margin: 16px auto 10px;
	    }
	    .wenan{
	    	margin-top: 10px;
	    	width: 100%;
	    }
	    .wenan img{
	    	width: 100%;
	    }
	</style>
	<script type="text/javascript">
		var o;
		avalon.ready(function(){
			o = avalon.define({
				$id:"wm",
				currentType:1,
				ChooseType:function(tabId){
		            o.currentType=tabId;
		        }
			});
			avalon.scan(document.body);
		})
	</script>
	<body ms-controller="wm">
		<div class="top"><span class="left_arrow bgBox"></span>{{currentType==1?"推广详情":"我的用户"}}</div>
		<div class="types hidden">
			<div class="w50 fl tc cpad" ms-click="ChooseType(1)"><span class="inline_block w100" ms-class-choosetype="currentType==1">推广详情</span></div>
			<div class="w50 fl tc cpad" ms-click="ChooseType(2)"><span class="inline_block w100"  ms-class-choosetype="currentType==2">我的用户</span></div>
		</div>
		<div ms-visible="currentType==1">
			<div class="w100 hidden bgcolor_39 mt10">
				<div class="w33 fl div01">
					<div class="colororange f18 tc">0.00</div>
					<div class="f18 color999 tc mt20">已赚佣金</div>
				</div>
				<div class="w33 fl div02">
					<div class="mt6 hidden"><span class="f10 color999 fr">银牌推广会员</span><span class="inline_block huiyuan bgBox fr"></span></div>
					<div class="f18 tc mt20">5%</div>
					<div class="f18 color999 tc mt20">佣金比例</div>
				</div>
				<div class="w33 fl div03">
					<div class="mt6 tr f10">交易<span class="colorred">0</span>人</div>
					<div class="f18 tc mt20">0</div>
					<div class="f18 color999 tc mt20">我的用户</div>
				</div>
			</div>
			<div class="mt5 bgcolor_39 div_copy">
				<div class="colorccc f14 tc">复制推广链接发送给朋友</div>
				<div class="color_ef tc mt5">
					<span class="f12 colorblue">https://www.baidu.com</span>
					<span class="f10 color_ef copy_btn">点击复制</span>
					<div class="pqcode">二维码区域</div>
				</div>
				<div class="colorccc f12 tc">长按二维码保存到本地</div>
			</div>
			<div class="wenan">
				<img src="../static/img/tuiguang.png"/>
			</div>
			</br>
		</div>
		<div ms-visible="currentType==2">
			<div class="list_title f12 hidden colorccc mt10">
			<div class="item_name fl w25">用户</div>
			<div class="item_name fl w25">交易手数</div>
			<div class="item_name fl w25">交易佣金</div>
			<div class="item_name fl w25">注册时间</div>
		</div>
		<div class="markets hidden color_ef">
			<div class="markets_num w25 fl f14">Ammy</div>
			<div class="markets_num w25 fl f14">10手</div>
			<div class="markets_num w25 fl f14">5000</div>
			<div class="w25 fl f14">
				<div class="mt5">2018-03/30</div>
				<div class="mt5">10:41</div>
			</div>
		</div>
		<div class="markets hidden color_ef">
			<div class="markets_num w25 fl f14">Ammy</div>
			<div class="markets_num w25 fl f14">10手</div>
			<div class="markets_num w25 fl f14">5000</div>
			<div class="w25 fl f14">
				<div class="mt5">2018-03/30</div>
				<div class="mt5">10:41</div>
			</div>
		</div>
		</div>
	</body>
</html>